@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
splitter{
-moz-box-align:center;
-moz-box-pack:center;
cursor:ew-resize;
-moz-border-left-colors:transparent;
-moz-border-right-colors:transparent;
min-width:6px;
background-color:transparent;
border-style:solid;
border-width:0 1px}

splitter[orient="vertical"]{
cursor:ns-resize;
-moz-border-top-colors:transparent;
-moz-border-bottom-colors:transparent;
min-height:6px;
border-width:1px 0}

grippy{
cursor:pointer;
border-top:1px solid #d3e0f1;
border-bottom:1px solid #d3e0f1;
min-width:4px;
min-height:115px;
background-color:transparent;
background-repeat:no-repeat}

grippy:hover{
background-color:#d3e0f1}

splitter[orient="vertical"] > grippy{
border-top:none;
border-right:1px solid #d3e0f1;
border-bottom:none;
border-left:1px solid #d3e0f1;
min-width:115px;
min-height:4px}

splitter[collapse="before"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-vrt-before.png")}

splitter[collapse="after"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="before"][orient="vertical"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-hrz-before.png")}

splitter[collapse="after"][orient="vertical"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}

splitter[collapse="before"][state="collapsed"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="after"][state="collapsed"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-vrt-before.png")}

splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}

splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy{
background-image:url("chrome://global/skin/splitter/grip-hrz-before.png")}